<template>
  <div class="a">
    <p>
      <img
        class="img"
        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic137.nipic.com%2Ffile%2F20170803%2F12137333_095307039871_2.jpg&refer=http%3A%2F%2Fpic137.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642755141&t=0a3c0856de36963676aed26dde780c8d"
        alt=""
      />
    </p>
  </div>
</template>
<script>
export default {
    props:[],
  data() {
    return {};
  },
  methods: {},
  computed: {},
  components: {},
  created() {},
  mounted() {},
};
</script>

<style scoped>
p {
  border: 1px solid rgb(255, 255, 255);
}
p:hover {
  border: 1px solid rgb(45, 183, 245);
}
.a {
  display: flex;
}
.img {
  width: 90px;
  height: 90px;
  margin: 0 20px;
}
</style>
